<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/>
    <link rel="stylesheet" href="<%- rootUrl %>/res/adapter.css" />
    <link rel="stylesheet" href="<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/common.css" />
    <title>购物车 - 我爱零吃网</title>
    <style>
        #fix-top {position:fixed; top:0; z-index:100}
        #nav-foot > div > a > * {padding-left:6px;padding-right:3px}
        .board-row2.hbox > img:first-child {padding:0}
    </style>
    <script src="<%- rootUrl %>/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="<%- rootUrl %>/res/adapter.js"></script>
</head>
<body class="body-nomargin">
<%- components['address'] ? include(components['address'], this) : '' %>
<div class="main_center width-limit" style="margin-top:72px;margin-bottom:80px;text-align:center">
    <div class="board" style="margin-top:10px;text-align:left">
        <div class="childs-vert-middle">
            <div class="ico16" style="background-image: url(icon/shop16.png)"></div><span style="margin-left:6px">好吃的网店</span>
            <div style="float:right">
                <input class="ico16" type="checkbox" checked/>
                <a href="javascript:;"><div class="ico16" style="margin-left:12px;background-image: url(icon/remove16.png)"></div></a>
            </div>
        </div>
        <div class="board-row2 hbox align-items-center childs-padding-arround-6">
            <img class="ico64" src="img/goods01.jpg"/>
            <div style="flex-grow:1">三只松鼠坚果大礼包</div>
            <div>1件</div>
            <div>￥50.00</div>
        </div>
        <div class="board-row2 unimportant">
            坚果钳子(附件)<div style="float:right">￥3.00</div>
        </div>
        <div class="board-row2 unimportant">
            商家优惠(满减)<div style="float:right">￥-2.50</div>
        </div>
        <div class="board-row2 unimportant">
            双11活动优惠券<div style="float:right">￥-5.00</div>
        </div>
        <div class="board-row2">
            合计<div style="float:right">￥45.50</div>
        </div>
    </div>
    <div class="board" style="text-align: left">
        <div class="childs-vert-middle">
            <div class="ico16" style="background-image: url(icon/shop16.png)"></div><span style="margin-left:6px">好吃的网店</span>
            <div style="float:right">
                <input class="ico16" type="checkbox" checked/>
                <a href="javascript:;"><div class="ico16" style="margin-left:12px;background-image: url(icon/remove16.png)"></div></a>
            </div>
        </div>
        <div class="board-row2 hbox align-items-center childs-padding-arround-6">
            <img class="ico64" src="img/goods02.jpg"/>
            <div style="flex-grow:1">喜之郎美好时光海苔(大包)</div>
            <div>1件</div>
            <div>￥15.00</div>
        </div>
        <div class="board-row2 unimportant">
            商家优惠(满减)<div style="float:right">￥-1.00</div>
        </div>
        <div class="board-row2 unimportant">
            双11活动优惠券<div style="float:right">￥-2.00</div>
        </div>
        <div class="board-row2">
            合计<div style="float:right">￥13.00</div>
        </div>
    </div>
    <div class="board" style="text-align:left">
        <div class="childs-vert-middle">
            <div class="ico16" style="background-image: url(icon/shop16.png)"></div><span style="margin-left:6px">好吃的网店</span>
            <div style="float:right">
                <input class="ico16" type="checkbox" checked/>
                <a href="javascript:;"><div class="ico16" style="margin-left:12px;background-image: url(icon/remove16.png)"></div></a>
            </div>
        </div>
        <div class="board-row2 hbox align-items-center childs-padding-arround-6">
            <img class="ico64" src="img/goods03.jpg"/>
            <div style="flex-grow:1">百果园蔬果大拼盘</div>
            <div>1件</div>
            <div>￥80.00</div>
        </div>
        <div class="board-row2 unimportant">
            邮费<div style="float:right">￥5.00</div>
        </div>
        <div class="board-row2 unimportant">
            商家优惠(满减)<div style="float:right">￥-10.00</div>
        </div>
        <div class="board-row2 unimportant">
            双11活动优惠券<div style="float:right">￥-5.00</div>
        </div>
        <div class="board-row2">
            合计<div style="float:right">￥70.00</div>
        </div>
    </div>
</div>
<%- components['navfoot'] ? include(components['navfoot'], this) : '' %>
<script>
document.querySelector('#nav-foot > div').innerHTML =
'<a href="javascript:;" class="adapt-panel" style="flex-grow:2"><b style="font-size:1.25em">总计￥128.50</b></a>'+
'<a href="order.html" class="adapt-panel"><div class="ico32" style="background-image:url(icon/weixin32.png)"></div><div>微信支付</div></a>'+
'<a href="order.html" class="adapt-panel"><div class="ico32" style="background-image:url(icon/zhifubao32.png)"></div><div>支付宝支付</div></a>';
</script>
</body>
</html>